<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0,user-scalable=0,maxinum-scale=1.0,mininum-scale = 1.0">

    <title>多块好省，购物上京东</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <!-- 顶部 -->
    <div class="app">
        <ul>
            <li>
                <img src="./images/close.png" alt="">
            </li>
            <li>
                <img src="./images/logo.png" alt="">
            </li>
            <li>
                打开京东App,购物更轻松
            </li>
            <li>
                立即打开
            </li>
        </ul>
    </div>
    <!-- 搜索 -->
    <div class="search-wrap">
        <div class="search-btn"></div>
        <div class="search">
            <div class="jd-icon"></div>
            <div class="sou"></div>
        </div>
        <div class="search-login">
            登录
        </div>
    </div>
    <!-- 主体部分 -->
    <div class="main-content">
        <div class="banner">
            <img src="./upload/banner.dpg" alt="">
        </div>
    </div>
    <!-- 品牌 -->
    <div class="brand">
        <div><a href=""><img src="./upload/brand1.gif" alt=""></a></div>
        <div><a href=""><img src="./upload/brand2.gif" alt=""></a></div>
        <div><a href=""><img src="./upload/brand3.gif" alt=""></a></div>
    </div>
    <!-- nav -->
    <nav>
        <a href="">
            <img src="./upload/nav-img1.png" alt="">
            <span>京东超市</span>
        </a>
        <a href="">
            <img src="./upload/nav-img2.png" alt="">
            <span>数码电器</span>
        </a>
        <a href="">
            <img src="./upload/nav-img3.png" alt="">
            <span>京东服饰</span>
        </a>
        <a href="">
            <img src="./upload/nav-img4.png" alt="">
            <span>京东生鲜</span>
        </a>
        <a href="">
            <img src="./upload/nav-img5.png" alt="">
            <span>京东到家 </span>
        </a>
        <a href="">
            <img src="./upload/nav-img6.png" alt="">
            <span>充值缴费</span>
        </a>
        <a href="">
            <img src="./upload/nav-img7.png" alt="">
            <span>9.9元拼</span>
        </a>
        <a href="">
            <img src="./upload/nav-img8.png" alt="">
            <span>领劵</span>
        </a>
        <a href="">
            <img src="./upload/nav-img9.png" alt="">
            <span>领金贴</span>
        </a>
        <a href="">
            <img src="./upload/nav-img10.png" alt="">
            <span>PLUS会员</span>
        </a>
    </nav>
    <!-- floor -->
    <div class="floor">
        <div class="floor-container">
            <div class="item">
                <div class="text">
                    <h3 style="color: transparent;">全球配送</h3>
                    <p>正品直邮</p>
                </div>
                <div class="img">
                    <img src="./upload/floor-img1.dpg" alt="">
                </div>
            </div>
            <div class="item">
                <div class="text">
                    <h3>来电好货</h3>
                    <p>3c大放价</p>
                </div>
                <div class="img">
                    <img src="./upload/floor-img2.dpg" alt="">
                </div>
            </div>
            <div class="item">
                <div class="text">
                    <h3>国潮风尚</h3>
                    <p>国货正当时</p>
                </div>
                <div class="img">
                    <img src="./upload/floor-img3.dpg" alt="">
                </div>
            </div>
            <div class="item">
                <div class="text">
                    <h3 style="color: transparent;">热销排行</h3>
                    <p>都是你爱的</p>
                </div>
                <div class="img">
                    <img src="./upload/floor-img4.dpg" alt="">
                </div>
            </div>
        </div>
    </div>

    <div class="floor">
        <div class="floor-container">
            <div class="floor-top">
                <a href="" class="floor-top-item">
                    
                </a>
                <a href="" class="floor-top-item"></a>
            </div>
            <div class="floor-main">
                <div class="floor-main-img"></div>
                <div class="floor-main-price"></div>
            </div>
        </div>
    </div>
</body>

</html>